<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<!--<script src="/js/jquery.min.js"></script>-->
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link href="/css/materialdesignicons.min.css" rel="stylesheet">
<link href="/css/style.min.css" rel="stylesheet">
</head>

<body>
<div class="lyear-layout-web">
  <div class="lyear-layout-container">
    <!--页面主要内容-->
    <main class="lyear-layout-content">

      <div class="container-fluid">

        <div class="row">
          <div class="col-lg-12">
            <div class="card">
              <div class="card-body">

                <div class="masonry-grid" data-provide="photoswipe">
                  <th:block th:each="photo : ${PhotoList} ">
                        <a class="masonry-item" href="#">
<!--                          <img src=${imgStat.count} alt="The selected child description">-->
                          <img  th:src="${photo.photoUrl}"/>
                        </a>
                  </th:block>

<!--                  <a class="masonry-item" href="#">-->
<!--                    <img src="https://xcagedu.oss-cn-beijing.aliyuncs.com/dev/2023-03-29/c1746250fd464e159e76dbf80afd1ba6-33c33d826ebb2bd5dc80d9a0ed1171a.png" alt="The selected child description">-->
<!--                  </a>-->

                </div>

              </div>
            </div>
          </div>

        </div>

      </div>

    </main>
    <!--End 页面主要内容-->
  </div>
</div>

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
</body>
</html>
